<template>
  <h3>事件修饰</h3>
  <a @click.prevent="testA" href="www.baidu.com">测试阻止默认事件</a>
  <div @click="clickDiv">
    <p @click.stop="clickP">测试阻止冒泡</p>
  </div>
</template>

<script>
  export default{
    methods:{
      testA(e){
        // e.preventDefault();
        console.log("点击" + e);
      },
      clickDiv(){
        console.log("div");
      },
      clickP(){
        console.log("p");
      }
    }
  }
</script>